<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css3动画</title>
		<style>
			@keyframes laoliu{
				from{
					height: 100px;
					width: 100px;
				}
				10%{
					height: 170px;
					width: 150px;
				}
				40%{
					height: 330px;
					width: 200px;
				}
				80%{
					height: 650px;
					width: 400px;
				}
				to{
					height: 800px;
					width: 600px;
				}
			}
			#d1 img:hover{
				cursor: pointer;
				/* animation: laoliu 5s ease 0.4s 10 normal paused forwards; */
				animation:laoliu 5s infinite ease 0.4s  normal;
			}
		</style>
	</head>
	<body>
		 <div id="d1">
			 <img src="../images/kongzi.jpg" height="100px" width="100px"/>
		 </div>
	</body>
</html>
